@footer_height: 80px;
@font_size_icon: @footer_height - 40px;
@font_size_content: @font_size_icon - 25px;

.append{
    width: 100%;
    height: @footer_height;
    background-color: #F4F4F4;
}


#footer-box{
    width: 100%;
    height: @footer_height;
    border: 1px lightgrey solid;
    display: flex;
    justify-content: space-around;
    /*设置fixed定位,然后把bottom设为0*/
    position: fixed;
    bottom: 0px;
    background-color: white;


    .footer-icon{
        height: @footer_height;
        font-size: @font_size_icon;
        line-height: @footer_height;
        color: gray;
        text-align: center;

        .icon{
            vertical-align: middle;

            .icon-content{
                display: block;
                font-size: @font_size_content;
            }
        }
        
    }
}

#active{
    color: lightseagreen;
}